<template>
  <div id="app" :class="$store.state.theme.themeColor">
      <keep-alive>
          <Map v-show="!mapHidden"></Map>
      </keep-alive>
      <router-view></router-view>
  </div>
</template>

<script>
    import Map from '@/components/Map'

    export default {
        name: 'App',
        components: {
            Map
        },
        data(){
            return{
                mapHidden:true,
            }
        }
    };

</script>

<style>

  @import "~@/assets/theme/theme.css";
  #app {
    font-family: 'Hiragino Sans GB', 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 350px;
    min-height: 100%;
  }
</style>
